<div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
	<form id="pointEditForm" lay-filter="pointEditForm" class="layui-form model-form" style="padding:0px;height: 100%;">
		<input name="id" type="hidden" />
		<input id="scenePointImage-input" name="image" type="hidden" />
		<input id="scenePointWidth" name="width" type="hidden" />
		<input id="scenePointHeight" name="height" type="hidden" />
		<div class="layui-card-header scene-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
			  <button type="button" class="scene-btn" id="scenePointPositionBtn" title="定位"><i class="fa fa-paper-plane-o"></i></button>
			  <button type="button" class="scene-btn" id="pmodelTranslationBtn" title="平移"><i class="fa fa-arrows"></i></button>
			  <button type="button" class="scene-btn" id="scenePointDeleteBtn" title="删除"><i class="fa fa-trash-o"></i></button>
			  <button type="button" class="scene-btn" lay-filter="submitPointEditForm" lay-submit  title="保存"><i class="fa fa-save"></i></button>
		</div>
		<div class="layui-card-body" style="height: 100%;padding: 0px;">
			<div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;width: 100%;height: 100%;">
			  <div class="layui-tab-content" style="padding:0px;height: calc(100% - 85px);overflow: auto;">
			    <div class="layui-tab-item " >
					<table class="formTable">				
						<tr>
							<td>名称</td>
							<td >
								<input id="scenePointName" name="name"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>标识</td>
							<td >
								<input id="scenePointCode" name="code"  placeholder="" autocomplete="off"   type="text" class="layui-input" />
							</td>
						</tr>				
					</table>
					    
			    </div>
			    <div class="layui-tab-item" >
					<table class="formTable">
						<tr>
							<td>经度</td>
							<td >
								<input id="pointX" name="x"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>纬度</td>
							<td >
								<input id="pointY" name="y"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>高度</td>
							<td >
								<input id="pointZ" name="z"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
					</table>
			    </div>  
			    <div class="layui-tab-item layui-show" >
					<table class="formTable">
						<tr>
							<td colspan="3">
								<img id="scene-point-image" src="" style="width: 32px;height: 32px;"></img>
								<button id="scene-point-image-btn" type="button" class="layui-btn layui-btn-normal layui-btn-sm" title="">更换</button>
								<span>您可以选择变更图标样式</span>
							</td>
						</tr>	
						<tr>
							<td>是否显示</td>
							<td colspan="2">
						      <select name="bShow" lay-filter="bShow">
						        <option value="0" >隐藏</option>
						        <option value="1" >显示</option>
						      </select>								
							</td>
						</tr>																
						<tr>
							<td>缩放比列</td>
							<td colspan="2">
								<input id="scenePointScale" name="scale" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
						</tr>
						
						<tr>
							<td style="width: 108px;">根据距离大小缩放</td>
							<td colspan="2">
						      <select name="isBScaleByDistance" lay-filter="isBScaleByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>
						
						<tr>
							<td style="width: 108px;">最小缩放距离</td>
							<td >
								<input id="bScaleByDistanceNear" name="bScaleByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="bScaleByDistanceNearValue" name="bScaleByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
						<tr>
							<td style="width: 108px;">最大缩放距离</td>
							<td >
								<input id="bScaleByDistanceFar" name="bScaleByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="bScaleByDistanceFarValue" name="bScaleByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
						<tr>
							<td style="width: 108px;">根据距离变化透明度</td>
							<td colspan="2">
						      <select name="isBTranslucencyByDistance" lay-filter="isBTranslucencyByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>	
						
						<tr>
							<td style="width: 108px;">最小透明度变化距离</td>
							<td >
								<input id="bTranslucencyByDistanceNear" name="bTranslucencyByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="bTranslucencyByDistanceNearValue" name="bTranslucencyByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
						<tr>
							<td style="width: 108px;">最大透明度变化距离</td>
							<td >
								<input id="bTranslucencyByDistanceFar" name="bTranslucencyByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="bTranslucencyByDistanceFarValue" name="bTranslucencyByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
					</table>
			    </div> 
			    
  			    <div class="layui-tab-item">
					<table class="formTable">
						<tr>
							<td>是否显示</td>
							<td colspan="3">
						      <select name="lShow" lay-filter="lShow">
						        <option value="0" >隐藏</option>
						        <option value="1" >显示</option>
						      </select>								
							</td>
						</tr>
						<tr>
							<td>字体</td>
							<td >
								<input id="lFontFamily" name="lFontFamily"   placeholder="默认 Source Han Sans CN" autocomplete="off"  value="sans-serif"  type="text" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lFontSize" name="lFontSize"   placeholder="默认 14px" autocomplete="off"   type="text" class="layui-input" maxlength="50" />
							</td>							
						</tr>	
						<tr>
							<td>缩放</td>
							<td colspan="2">
								<input id="lScale" name="lScale" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
						</tr>						
						<tr>
							<td>偏移</td>
							<td >
								<input id="lPOffsetX" name="lPOffsetX"   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lPOffsetY" name="lPOffsetY"   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>																
						<tr>
							<td>背景</td>
							<td >
						      <select id="lShowBackground" name="lShowBackground" lay-filter="lShowBackground">
						        <option value="0" >隐藏</option>
						        <option value="1" >显示</option>
						      </select>								
							</td>
							<td>
							  	<input type="hidden" name="lBackgroundColor" value="" id="lBackgroundColor-input">
  								<div id="lBackgroundColor"></div>
							</td>							
						</tr>						
						<tr>
							<td>样式</td>
							<td colspan="2">
						      <select name="lStyle" lay-filter="lStyle">
						        <option value="FILL" >填充</option>
						        <option value="OUTLINE">轮廓</option>
						        <option value="CENTER">填充和轮廓</option>
						      </select>								
							</td>
						</tr>
						<tr>
							<td>边框</td>
							<td>
								<input id="lOutlineWidth" name="lOutlineWidth"  placeholder="0" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td>
							  	<input type="hidden" name="lOutlineColor" value="" id="lOutlineColor-input">
  								<div id="lOutlineColor"></div>
							</td>							
						</tr>	
						<tr>
							<td>垂直位置</td>
							<td colspan="2">
						      <select name="lVerticalOrigin" lay-filter="lVerticalOrigin">
						        <option value="BASELINE" >BASELINE</option>
						        <option value="BOTTOM" >BOTTOM</option>
						        <option value="CENTER">CENTER</option>
						        <option value="TOP">TOP</option>
						      </select>								
							</td>
						</tr>	
						<tr>
							<td>水平位置</td>
							<td colspan="2">
						      <select name="lHorizontalOrigin" lay-filter="lHorizontalOrigin">
						      	<option value="LEFT" >LEFT</option>
						        <option value="CENTER" >CENTER</option>
						        <option value="RIGHT">RIGHT</option>
						      </select>								
							</td>
						</tr>	
						
						<tr>
							<td style="width: 108px;">根据距离大小缩放</td>
							<td colspan="2">
						      <select name="isLScaleByDistance" lay-filter="isLScaleByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>
						
						<tr>
							<td style="width: 108px;">最小缩放距离</td>
							<td >
								<input id="lScaleByDistanceNear" name="lScaleByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lScaleByDistanceNearValue" name="lScaleByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						

						<tr>
							<td style="width: 108px;">最大缩放距离</td>
							<td >
								<input id="lScaleByDistanceFar" name="lScaleByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lScaleByDistanceFarValue" name="lScaleByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
						<tr>
							<td style="width: 108px;">根据距离变化透明度</td>
							<td colspan="2">
						      <select name="isLTranslucencyByDistance" lay-filter="isLTranslucencyByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>	
						
						<tr>
							<td style="width: 108px;">最小透明度变化距离</td>
							<td >
								<input id="lTranslucencyByDistanceNear" name="lTranslucencyByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lTranslucencyByDistanceNearValue" name="lTranslucencyByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						

						<tr>
							<td style="width: 108px;">最大透明度变化距离</td>
							<td >
								<input id="lTranslucencyByDistanceFar" name="lTranslucencyByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lTranslucencyByDistanceFarValue" name="lTranslucencyByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>	
						
						<tr>
							<td style="width: 108px;">根据距离偏移</td>
							<td colspan="2">
						      <select name="isLPixelOffsetScaleByDistance" lay-filter="isLPixelOffsetScaleByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>	
						
						<tr>
							<td style="width: 108px;">最小偏移距离</td>
							<td >
								<input id="lPixelOffsetScaleByDistanceNear" name="lPixelOffsetScaleByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lPixelOffsetScaleByDistanceNearValue" name="lPixelOffsetScaleByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						

						<tr>
							<td style="width: 108px;">最大偏移距离</td>
							<td >
								<input id="lPixelOffsetScaleByDistanceFar" name="lPixelOffsetScaleByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="lPixelOffsetScaleByDistanceFarValue" name="lPixelOffsetScaleByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>							
					</table>
			    </div> 

  			    <div class="layui-tab-item">
					<table class="formTable">
						<tr>
							<td>显示</td>
							<td colspan="2">
						      <select name="pShow" lay-filter="pShow">
						        <option value="0" >隐藏</option>
						        <option value="1" >显示</option>
						      </select>								
							</td>
						</tr>	
						<tr>
							<td>外观</td>
							<td >
								<input id="pSize" name="pSize"  step="0.1" min=0 max=2000  placeholder="请输入像素大小" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
							  	<input type="hidden" name="pColor" value="" id="pColor-input">
  								<div id="pColor"></div>								
							</td>
						</tr>							
						<tr>
							<td>边框</td>
							<td>
								<input id="pOutlineWidth" name="pOutlineWidth"  placeholder="请输入边框大小" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td>
							  	<input type="hidden" name="pOutlineColor" value="" id="pOutlineColor-input">
  								<div id="pOutlineColor"></div>							
							</td>							
						</tr>							
							
						<tr>
							<td style="width: 108px;">根据距离大小缩放</td>
							<td colspan="2">
						      <select name="isPScaleByDistance" lay-filter="isPScaleByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>
						
						<tr>
							<td style="width: 108px;">最小缩放距离</td>
							<td >
								<input id="pScaleByDistanceNear" name="pScaleByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="pScaleByDistanceNearValue" name="pScaleByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						

						<tr>
							<td style="width: 108px;">最大缩放距离</td>
							<td >
								<input id="pScaleByDistanceFar" name="pScaleByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="pScaleByDistanceFarValue" name="pScaleByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
						
						<tr>
							<td style="width: 108px;">根据距离变化透明度</td>
							<td colspan="2">
						      <select name="isPTranslucencyByDistance" lay-filter="isPTranslucencyByDistance">
						        <option value="0" >否</option>
						        <option value="1" >是</option>
						      </select>								
							</td>
						</tr>	
						
						<tr>
							<td style="width: 108px;">最小透明度变化距离</td>
							<td >
								<input id="pTranslucencyByDistanceNear" name="pTranslucencyByDistanceNear" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="pTranslucencyByDistanceNearValue" name="pTranslucencyByDistanceNearValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
						<tr>
							<td style="width: 108px;">最大透明度变化距离</td>
							<td >
								<input id="pTranslucencyByDistanceFar" name="pTranslucencyByDistanceFar" step="1" min=0   placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>
							<td >
								<input id="pTranslucencyByDistanceFarValue" name="pTranslucencyByDistanceFarValue" step="0.1" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" />
							</td>							
						</tr>						
					</table>
			    </div> 			    
			    
			    <div class="layui-tab-item" >
				    <div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
						<div class="layui-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
							<button id="addPointPropertyBtn" type="button" title="添加扩展属性" class="scene-btn"><i class="fa fa-plus"></i></button>
						</div>				    
				        <div class="layui-card-body" style="padding: 0px;margin-top: -16px;">
				            <table class="layui-table" id="tablePointProperty" lay-filter="tablePointProperty"></table>
				        </div>
				    </div>			    
			    </div>	
			  </div>
			  <ul class="layui-tab-title layui-tab-title-city"  style="bottom: 5px; line-height: 35px;">
			  	<li  style="line-height: 35px;">属性</li>
			  	<li  style="line-height: 35px;">坐标</li>
			  	<li  style="line-height: 35px;" class="layui-this">图标</li>
			  	<li  style="line-height: 35px;" >标签</li>
			  	<li  style="line-height: 35px;" >点</li>
			  	<li  style="line-height: 35px;" >扩展</li>
			  </ul> 		
			</div>
		</div>
	</form>
</div>


<!-- 表单弹窗 -->
<script type="text/html" id="pointPointPropertyScript">
    <form id="pointPropertyForm" lay-filter="pointPropertyForm" class="layui-form model-form">
        <input name="id" type="hidden"/>
		<table class="formTable">
			<tr>
				<td>名称</td>
				<td >
					<input name="label"   placeholder="" autocomplete="off"   type="text" class="layui-input"  />
				</td>
			</tr>
			<tr>
				<td>code</td>
				<td >
					<select name="code">
						 <option value="isControl" >云台控制</option>
						 <option value="ip" >ip地址</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>值</td>
				<td >
					<input  name="value"   placeholder="" autocomplete="off"   type="text" class="layui-input"  />
				</td>
			</tr>
			<tr>
				<td>序号</td>
				<td >
					<input  name="sort"   placeholder="" autocomplete="off"   type="number" class="layui-input"  />
				</td>
			</tr>
			<tr>
				<td style="text-align: right;" colspan="2">

           			<button class="scene-btn" lay-filter="modelSubmitPointPropertyForm" lay-submit><i class="fa fa-save"></i></button>
				</td>
			</tr>																										
		</table>
    </form>
</script>


<script type="text/html" id="tablePointPropertyScript">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

